<template>
  <div>
    <el-breadcrumb separator-class="el-icon-arrow-right" style="font-size: 16px;">
      <el-breadcrumb-item :to="{ path: '/student-bookstore' }">
        <i class="el-icon-s-promotion"></i> 首页
      </el-breadcrumb-item>
      <el-breadcrumb-item>我的个人信息</el-breadcrumb-item>
    </el-breadcrumb>

    <el-divider></el-divider>

<div>
  <el-descriptions class="margin-left" title="个人信息" style="color: #ea3200">
  <el-descriptions-item :column="column">
    <template slot="label">
      <i class="el-icon-user-solid"></i>
      我的头像
    </template>
    <div style="height: 100px">
      <img :src="user.avatar" width="80px" style="margin-left: 100px" title="我的头像">
    </div>
  </el-descriptions-item>
  </el-descriptions>
</div>
    <el-descriptions class="margin-top" title="" :column="column" size="medium"  border>
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-user"></i>
          用户名
        </template>
        {{user.username}}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-user"></i>
          昵称
        </template>
        {{user.nickname}}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-mobile-phone"></i>
          手机号
        </template>
        {{user.phone}}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-location-outline"></i>
          居住地
        </template>
        {{user.location}}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-tickets"></i>
          描述
        </template>
        {{user.description}}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-office-building"></i>
          联系地址
        </template>
        {{user.connection}}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-s-comment"></i>
          邮箱
        </template>
        {{user.email}}
      </el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<script>
export default {
  data() {
    return {
      column:'1',
      user: {username:'root',nickname:'王小C',location:'重庆市',phone:'13335643434',description:'我是超级管理员',avatar:'/images/default-avatar.png',connection:'重庆江北嘉州路',email:'591018058@qq.com'}

    };
  },
  methods: {


  }
}
</script>

<style scoped>

</style>